// pages/gongjv/pages/cat/cat.js
import api from '../../../../componets/api'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    inputValue: '', //输入框的值
    // 聊天的内容
    cichValue: ` <div class="ai">
  <img class="img" src="https://img2.baidu.com/it/u=18511301,910859129&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=508" mode=""/>
  <div class="text">让我们开始聊天吧~</div>
</div>`
  },


  // 输入框输入值
  handInput: function (e) {
    this.setData({
      inputValue: e.detail.value
    })
  },

  // 发送消息
  send: function () {
    let userSay=this.data.inputValue;
    if (userSay != '') {
      let xuanran = `<div class="user">
        <img class="img" src="https://img0.baidu.com/it/u=2248021685,2150328003&fm=253&fmt=auto&app=120&f=JPEG?w=282&h=282" mode=""/>
        <div class="text">${userSay}</div>
        </div>`
      this.setData({
        cichValue: this.data.cichValue + xuanran,
        inputValue: ''
      })
      this.scrollToBottom();
      // ai回复 猫娘
      api.get(`https://api.mhimg.cn/api/gpt_aimaoniang`,{prompt:userSay})
      .then(res=>{
        if(res.statusCode==200){
          let catSay = `<div class="ai">
          <img class="img" src="https://img2.baidu.com/it/u=18511301,910859129&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=508" mode=""/>
          <div class="text">${res.data}</div>
          </div>`
          this.setData({
            cichValue:this.data.cichValue+catSay
          })
          this.scrollToBottom();
        }
        else{
          wx.showToast({
            title: '出错啦',
          })
        }
      })

      // 智娃
      // api.get(`https://v2.api-m.com/api/turing`,{msg:userSay})
      // .then(res=>{
      //   if(res.statusCode==200){
      //     let catSay = `<div class="ai">
      //     <img class="img" src="https://img2.baidu.com/it/u=18511301,910859129&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=508" mode=""/>
      //     <div class="text">${res.data.data}</div>
      //     </div>`
      //     this.setData({
      //       cichValue:this.data.cichValue+catSay
      //     })
      //     this.scrollToBottom();
      //   }
      //   else{
      //     wx.showToast({
      //       title: '出错啦',
      //     })
      //   }
      // })


      .catch(err=>{
        wx.showToast({
          title: '出错啦',
        })
        console.log(err);
      })
    }
  },

// 设置自动滚动页面到底部的方法
scrollToBottom: function () {
  // 获取页面滚动视图区域
  const query = wx.createSelectorQuery();
  query.select('#scroll-view').boundingClientRect(function (res) {
    // 计算滚动到底部需要的距离
    // console.log(res.height);
    // 滚动到页面底部
    wx.pageScrollTo({
      scrollTop: res.height,//滚动距离
      duration: 300
    });
  }).exec();
},

// 点击返回按钮
comback:function(){
  wx.switchTab({
    url: '/pages/gongjv/gongjv', // 要跳转的页面路径
    success: function (res) {
    },
    fail: function (err) {
    }
  });
},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
   
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})